<template>
  <div>
    <!-- 请输入内容:
    <input type="text"
           v-model="text">
    显示:{{text|myFailter}} -->

    <!-- 测试组件的范围 -->
    <sub-vue></sub-vue>

  </div>
</template>

<script>
import subVue from '../SPAcomponent/sub'
export default {
  data () {
    return {
      text: ''
    }
  },
  components: {
    subVue
  },
  methods: {

  },
  filters: {
    // val就是text的值
    myFailter (val) {
      console.log(val);
      // 输入的内容帮我做一个翻转
      // 转换成数组，反转数组，转换成字符串
      return val.split('').reverse().join('');
    }
  }
}
</script>

<style scoped>
</style>
